@charset "UTF-8";
/* 推荐专题 */
.box-p20 {background-color: #fff;margin-bottom: 20px;border-bottom: 2px solid #ececec;padding: 0 10px;margin: 10px auto;}
.index-h{height: 45px;line-height: 45px;border-top: 2px solid #008cce;padding:5px 0;border-bottom:1px solid #ddd;margin-bottom:15px;position:relative;}
.index-h-title{font-size: 24px;color: #333;font-weight: bold;}
.index-hs{height:20px;line-height:20px;padding-bottom:10px;border-bottom:1px dashed #ddd;margin-bottom:15px; position:relative;}
.index-hs-title{font-size:16px;border-left:5px solid #0cc6c6;padding-left:10px;}
.index-h-tabs{height:30px;line-height:30px;border-bottom:1px solid #ddd;position:relative;overflow:hidden; background-color:#f9f9f9;margin-bottom:15px;}
.index-h-tabs-title{float:left;width:50%; text-align:center;font-size:16px;color:#999; cursor:pointer}
.index-h-tabs-title.active{color:#fff; background-color:#0cc6c6;}
.h-more{ position:absolute;right:0;top:50%;line-height:20px;margin-top:-10px;}
.icon30-zt { background-position: 0 -150px;}
.icon30 { width: 30px; height: 30px; background-image: url(../images/indexbg.png);}
.b { overflow: visible; }
.index-zt-slider{padding:10px 40px; position:relative;height:120px;overflow:hidden;}
.index-zt-slider .slidesjs-navigation{ position:absolute;top:10px;height:120px;line-height:120px;width:40px; text-align:center;font-size:30px; background-color:#ddd;color:#fff;border-radius:4px;}
.index-zt-slider .slidesjs-next{right:0;}
.index-zt-slider .slidesjs-previous{left:0;}
.index-zt-slider .slidesjs-navigation:hover{ background-color:#22c485;color:#fff;}
.index-zt-list{}
.index-zt-list li{margin: 0 12px;float:left;width:200px;height:120px;position:relative;}
.index-zt-list li img{width:100%;height:100%}
.index-zt-list li em{ position:absolute;bottom:0;left:0;width:100%;line-height:30px;color:#fff;  text-align:center; background-color:rgba(0,0,0,0.5);overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}


.g-indexdiv{width: 1230px;margin: 20px auto 0;background: #fff;}
.m-title{line-height:45px;border-bottom:1px solid #e8e7e7;margin:0 10px 15px}
.m-title span{display:block;float:left;text-align:center;font-size:26px;height:36px;line-height:36px;padding:13px 20px}
.m-title span.hover{color:#1cabff;border-bottom:2px solid #1cabff}
.m-title em{width:31px;height:31px;background:url(../images/index-icon.png) no-repeat 0 -623px;float:left;margin:0 15px 0 0;display:inline;overflow:hidden}
.f-fr{float:right;display:inline}
.m-in-topdiv{margin: 0 0 20px 28px;border:1px #eee solid;border-radius:8px;width:370px;height:780px;float:left;display:inline}
.m-in-topdiv .top{width:100%;height:75px;background:url(../images/ele_game.png) no-repeat center;border-radius:6px 6px 0 0;padding-top:112px;margin-bottom:33px;position:relative}
.m-in-topdiv .top .more{position:absolute;top:30px;right:20px;width:68px;height:32px;background-position:-213px -50px}
.m-in-topdiv .top .more:hover{background-position:-135px -48px}
.m-in-topdiv:nth-child(3) .top{background:url(../images/ele_down.png) no-repeat center}
.m-in-topdiv:nth-child(4) .top{background:url(../images/ele_topsoft.png) no-repeat center}
.icontop{background:url(../images/iconpp.png) no-repeat;background-size:800px 1200px;display:inline-block}
.m-in-topdiv .top .more{background:url(../images/icon_top.png) no-repeat;background-size:800px 1200px;display:inline-block;position:absolute;top:30px;right:20px;width:68px;height:32px;background-position:-213px -50px}
.m-hotul{position:relative;top:-110px}
.m-hotul{position:relative;top:-110px}
.m-hotul li{width:345px;color:#6c6c6c;margin-top:13px;position:relative;margin-left:10px}
.m-hotul li.f-t3{width:346px;height:112px;background-color:#fff;box-shadow:0 4px 15px 0 rgba(126,126,126,.3);border-radius:8px;border:solid 1px #fff;box-sizing:border-box;margin-top:10px}
.m-hotul li .num_bg{float:left;width:29px;height:29px;line-height:29px;text-align:center;font-size:18px;color:#fff;margin-left:10px;background-color:#ddd;border-radius:50px}
.m-hotul li.f-t3 .num_bg{width:36px;height:36px;background:url(../images/topbg.png) no-repeat;display:block;margin-top:38px;line-height:31px}
.m-hotul li .p1{width:80px;float:left;margin-top:15px;margin-left:10px;display:none}
.m-hotul li .p1 img{width:80px;height:80px;display:block;border-radius:14px}
.m-hotul li .p2{width:155px;float:left;margin-left:12px;display:inline}
.m-hotul li .p2 p{width:220px;float:left;line-height:25px;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ccc;position:absolute;top:-1px}
.m-hotul li .p2 p a{font-size:15px;margin-left:2px}
.m-hotul li .p2 span{display:none}
.m-hotul li .p2 em{display:none;float:left;width:76px;height:32px;position:absolute;top:45px;right:16px}
.m-hotul li .p2 em a{width:76px;line-height:32px;float:left;font-size:14px;color:#00b3fe;border:1px solid #00b3fe;text-align:center;border-radius:5px}
.m-hotul li .p2 em a:hover{background:#00b3fe;color:#fff}
.m-hotul li .p3{float:right;margin-top:3px}
.m-hotul li .p3 span{margin-left:2px;margin-top:7px;height:20px;width:100px;overflow:hidden}
.m-hotul li.f-t3 .p1{display:block;height:80px}
.m-hotul li.f-t3 .p1 a{display:block}
.m-hotul li.f-t3 .p2{width:207px;height:111px;position:absolute;left:130px;top:10px}
.m-hotul li.f-t3 .p2 p{top:9px;width:195px}
.m-hotul li.f-t3 .p2 p a{font-weight:700;font-size:16px}
.m-hotul li.f-t3 .p2 span{display:block}
.m-hotul li.f-t3 .p2 em{display:block}
.m-hotul li .p2 .wangyou-erweima-icon,.m-hotul li .p2 .wangyou-erweima-icon i{cursor:pointer;display:none;width:24px;height:24px;font-size:24px;color:#98989898}
.m-hotul li .p2 .wangyou-erweima-icon:hover+.wangyou-erweima-img{display:block;z-index:3}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.m-hotul li .p2 .wangyou-erweima-img{cursor:pointer;display:none;position:absolute;width:138px;height:143px;top:-23px;right:86px;background:url(../images/wy_erweima.png) no-repeat 100% 100%;background-size:cover}
.m-hotul li .p2 .wangyou-erweima-img .erweima-img{width:106px;height:106px;position:absolute;left:10px;top:10px;background:#000}
.m-hotul li .p2 .wangyou-erweima-img p{font-size:12px;font-weight:400;font-stretch:normal;line-height:26px;letter-spacing:0;color:#999;position:absolute;top:113px;left:20px}
.m-hotul li.f-t3 .p2 .wangyou-erweima-icon{display:block;position:absolute;top:65px;right:40px}
.m-hotul li.f-t3 .p2 .wangyou-erweima-icon i{display:block}
.m-hotul li.f-t3 .p3{position:absolute;z-index:1;left:143px;top:48px;margin-top:0}
.m-hotul li.f-t3 .p3 span{display:block}
.m-hotul .p3 span{display:none}